//
$(document).ready(function () {
  // 使元素可拖动
  $(".sidebar-nav .lyrow").draggable({
    connectToSortable: ".demo",
    helper: "clone",
    handle: ".drag",
    start: function (e, t) {
    },
    drag: function (e, t) {
      t.helper.width(400)
    },
    stop: function (e, t) {
      $(".demo .column").sortable({
        opacity: .35,
        connectWith: ".column",
        start: function (e, t) {
        },
        stop: function (e, t) {
        }
      });
    }
  });
  $(".sidebar-nav .box").draggable({
    connectToSortable: ".demo",
    helper: "clone",
    handle: ".drag",
    start: function (e, t) {
    },
    drag: function (e, t) {
      t.helper.width(400)
    },
    stop: function (e, t) {
      $(".demo .column").sortable({
        opacity: .35,
        connectWith: ".column",
        start: function (e, t) {
        },
        stop: function (e, t) {
        }
      });
    }
  });
  $(".ui-sortable").sortable()
  $(".demo, .demo .column").sortable({
    connectWith: ".column",
    opacity: .35,
    handle: ".drag",
    start: function (e, t) {
    },
    stop: function (e, t) {
    }
  });





  function removeElm() {
    $(".demo").delegate(".remove", "click", function (e) {
      e.preventDefault();
      $(this).parent().parent().remove();
    })
  }
  //删除按钮功能
  removeElm()
  // 预览
  $("#sourcepreview").click(function () {
    $("body").removeClass("edit");
    $("body").addClass("sourcepreview");
    return false
  });
  // 编辑
  $("#edit").click(function () {
    $("body").removeClass("sourcepreview");
    $("body").addClass("edit");
    return false
  });
  // 下载
  $("#downSource").click(function () {
    downloadLayoutSrc()
  });
  function cleanHtml(e) {
    $(e).parent().append($(e).find('.view').children())
  }
  function removeElementButKeepChildren(selector) {
    // 遍历所有匹配的元素
    $('#test ' + selector).each(function () {
      // 获取当前元素的子元素
      var children = $(this).children();

      // 将子元素插入到当前元素的前面
      $(this).before(children);

      // 移除当前元素
      $(this).remove();
    });
  }

  // 使用示例
  function downloadLayoutSrc() {
    var t = $("#container").clone()
    t.find(".preview, .tool").remove();
    t.find('.lyrow,.box').each(function () {
      // 获取当前元素的子元素
      var children = $(this).children();
      // 将子元素插入到当前元素的前面
      $(this).before(children);
      // 移除当前元素
      $(this).remove();
    });
    t.find('.view').each(function () {
      // 获取当前元素的子元素
      var children = $(this).children();
      // 将子元素插入到当前元素的前面
      $(this).before(children);
      // 移除当前元素
      $(this).remove();
    });
    console.log(t.html());
    return false
    $("#download-layout .column").removeClass("ui-sortable");
    $("#download-layout .row-fluid").removeClass("clearfix").children().removeClass("column");
    if ($("#download-layout .container").length > 0) {
      changeStructure("row-fluid", "row")
    }
    formatSrc = $.htmlClean($("#download-layout").html(), {
      format: true,
      allowedAttributes: [
        ["id"],
        ["class"],
        ["data-toggle"],
        ["data-target"],
        ["data-parent"],
        ["role"],
        ["data-dismiss"],
        ["aria-labelledby"],
        ["aria-hidden"],
        ["data-slide-to"],
        ["data-slide"]
      ]
    });
    $("#download-layout").html(formatSrc);
    $("#downloadModal textarea").empty();
    $("#downloadModal textarea").val(formatSrc)
  }
  function getSubEffect(parent) {
    let wraps = $(el).find('.lyrow,.box')
  }
});